<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/Recalc.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="css/theme.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<title>参与话题</title>
	</head>

	<body>
		<div class="web">
			<header>
				<div class="header_top clearfix">
					<div class="top_left fl">
						<a href="../indexSM.html">&lt;</a>
					</div>
					<div class="top_right fr">
						<a href=""><i class="iconfont icon-pengyouquan"></i></a>
						<a href=""><i class="iconfont icon-weiXin-copy"></i></a>
						<a href="">...</a>
					</div>
				</div>
				<div class="header_bottom clearfix">
					<p>
						<span onclick="window.location.href='circle-detail.html'">#全国舞蹈赛#</span>
						<a class="fr" href="">+</a>
					</p>
					<p>已有100人参与</p>
					<p>
						<img src="img/titleLogo1.png" />
						<span>135</span>
					</p>
					<p>
						<img src="img/titleLogo2.png" />
						<span>96</span>
					</p>
				</div>
			</header>
			<section>

				<article>
					<div class="theme_info">
						<p>全国舞蹈考级及才艺大赛。全国dancer舞者梦想基金争夺战，10万 梦想基金等你来拿！
						</p>
					</div>
				</article>
				<div class="more">
					<a href="">
						<img src="img/daosanjiao.png" />
						<span>更多</span>
					</a>
				</div>
				<div class="more_info">
					<p>
						<button>置顶</button>
						<span>【全国舞蹈培训班】广州、深圳地区7折招生！</span>
					</p>
					<p>
						<button>活动</button>
						<span>【国家舞蹈考级正式开始报名】</span>
					</p>
				</div>
				<div class="friends">
					<div class="nav clearfix">
						<a class="fl" href="">全部</a>
						<a class="fr" href="">精选</a>
					</div>
					<div class="people">
						<div class="people_top">
							<div class="left fl">
								<img src="img/people_img.png" />
							</div>
							<div class="right fr">
								<p class="clearfix">
									<span class="fl">Lilian</span>
									<span class="fr">14分钟</span>
								</p>
								<p>
									<span>模特</span>
									<span>演员</span>
								</p>
							</div>
						</div>
						<div class="people_bottom">
							<div class="bottom_info">
								<p>今天比赛我好紧张啊~~我们要努力练习好好比赛。</p>
							</div>
							<div class="info_img">
								<img src="img/people_img2.png"/>
							</div>
							<div class="link">
								<ul class="clearfix">
									<li>
										<span>2小时前</span>
									</li>
									<li>
										<img src="img/weizhi.png"/><span>广州10.8KM</span>
										
									</li>
									<li>
										<img src="img/dian.png"/>
									</li>
									<li>
										<span>86</span><img src="img/pinglun.png"/>
										
									</li>
									<li>
										<span>443</span><img src="img/aixin.png"/>
										
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</section>
			<footer>
				<div class="icon">
					<img src="img/icon3.png"/>
				</div>
			</footer>
		</div>

		<script type="text/javascript">
			document.body.style.height = window.innerHeight + "px";
		</script>
	</body>

</html>